<template>
    <Panel :class="$style.panel" title="轮播图">
        <section :class="$style.content">
            <Slider :items="items" :cname="$style.slider"/>
        </section>
    </Panel>
</template>

<script>
    import Panel  from '../core/panel.vue'
    import Slider from '../core/slider.vue'
    export default {
        components : {
            Panel,
            Slider
        },

        data(){
            return {
                items : [
                    {
                        href : 'home',
                        src  : '//img12.360buyimg.com/jrpmobile/jfs/t1/5437/2/4312/48280/5b9bc1f1E0f20f3ef/7d9035912c793073.jpg?width=750&height=400'
                    },
                    {
                        href : 'home',
                        src  : '//img12.360buyimg.com/jrpmobile/jfs/t1/1019/12/4263/22388/5b9bc218E87d2fa6e/051babec5d366cd5.jpg?width=750&height=400'
                    },
                    {
                        href : 'home',
                        src  : '//img12.360buyimg.com/jrpmobile/jfs/t1/309/11/4679/23770/5b9bc1f8Eed4d4ff7/349dd2aa8e6288d4.jpg?width=750&height=400'
                    },
                    {
                        href : 'home',
                        src  : '//img12.360buyimg.com/jrpmobile/jfs/t1/2165/23/4339/17516/5b9bc1baE4d5dad8a/33d1b5d716d6e0dd.jpg?width=750&height=400'
                    },
                ]
            }
        }
    }
</script>

<style lang="scss" module>
    @import '../../css/element.scss';
    .panle {
        @include panel;
        >h4 {
            display: none;
        }

        .content {
            .slider {
                margin-top: 120px;
            }
        }
    }
</style>
